<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content=
		"width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="../assets/css/bubblevisualiser.css" />
</head>

<body>
	<section class="head">Bubble Sort Visualizer</section>
   <section class="data-container"></section> 
	<div id="array"></div>
    <!-- "Generate New Array" button -->
   <button  class="btn1" onclick="generate()" id="Button1" >
    Generate New Array</button>   
    
  <!-- "Bubble Sort" button -->
  <button class="btn2" 
          onclick="BubbleSort(),disable()" id="Button2" >
    Bubble Sort</button>
	<script src="../assets/js/bubblevisualiser.js"></script>
</body>

</html>
